<template>
    <TopView :search="false" title="联系元朔中医" :image="state.document.topView.image" />
    <Keshi title="自我诊断" linkText="点击进入" bgc="bg-white" />
    <div class="w-full flex justify-center">
        <div class="2xl:w-3/5 xl:w-4/5 md:full px-3">
            <Hr />
            <div class="overflow-hidden">
                <div class="flex flex-col md:flex-row justify-between mx-10 mt-10">
                    <div class="flex flex-col items-center">
                        <div class="text-2xl">通过电话获取帮助</div>
                        <div class="text-sm text-link tracking-widest my-5">点击查看电话 ></div>
                    </div>
                    <div class="flex flex-col items-center">
                        <div class="text-2xl">通过小程序在线提供帮助</div>
                        <div class="text-sm text-link tracking-widest my-5">点击跳转小程序 ></div>
                    </div>
                </div>
                <div>
                    <div class="flex justify-center text-2xl md:text-3xl my-5">线下门诊支持</div>
                    <div class="flex flex-col md:flex-row justify-between mx-10">
                        <div class="flex flex-col items-center">
                            <div class="w-56 h-40 bg-gray-300">
                                <img class="w-full h-full" src />
                            </div>
                            <div class="md:text-2xl text-xl my-4">上海元朔中医门诊部（长宁）</div>
                            <div class="text-sm text-link cursor-pointer mb-10">点击查看地图路线 ></div>
                        </div>
                        <div class="flex flex-col items-center">
                            <div class="w-56 h-40 bg-gray-300">
                                <img class="w-full h-full" src />
                            </div>
                            <div class="md:text-2xl text-xl my-4">上海元朔中医门诊部（嘉定）</div>
                            <div class="text-sm text-link cursor-pointer mb-10">点击查看地图路线 ></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <MyFooter breadCurb="> 联系我们" />
</template>

<script lang="ts" setup>
import TopView from "@comps/topView.vue";
import Hr from "@comps/smallComs/hr.vue";
import { state } from "@utils/store";
import Keshi from "@comps/keshi.vue";
import MyFooter from "@comps/footer.vue";
</script>